.my-bills {
  .tabs {
    margin-top: 54rpx;
    background-color: @color-origin-white;
    :deep(.u-tabs) {
      padding: 20rpx 0;
      background-color: #ffffff;
      .u-tabs__wrapper {
        .u-tabs__wrapper__scroll-view-wrapper {
          .u-tabs__wrapper__scroll-view {
            .u-tabs__wrapper__nav {
              .u-tabs__wrapper__nav__item {
                flex: 1;
              }
              .u-tabs__wrapper__nav__line {
                height: 11rpx!important;
                background: @color-green!important;
              }
            }
          }
        }
      }
    }
  }
  .bill-item-list {
    .bill-item {
      height: 180rpx;
      padding: 33rpx 28rpx 28rpx 40rpx;
      box-sizing: border-box;
      background-color: @color-origin-white;
      margin-top: 30rpx;
      &__left {
        float: left;
        .price,
        .price-detail {
          display: block;
          font-family: 'ali-p';
          font-size: 31rpx;
          line-height: 16rpx;
          color: @color-black-text;
        }
        .price-detail {
          margin-top: 66rpx;
        }
      }
      &__right {
        float: right;
        .pay-status,
        .pay-time {
          display: block;
          font-family: 'ali-p';
          font-size: 31rpx;
          line-height: 16rpx;
          color: @color-light-grey-text;
        }
        .pay-time {
          margin-top: 66rpx;
        }
      }
    }
  }
  padding-bottom: 100rpx;
}
